// Rect-s

function Rectangle()
{
    this.x = 200;
    this.y = -100;
    this.lineWidth = 1;
    this.color = "#a16086";
    this.fillStyle = "#040403";
    this.shadow = 0;
    this.shadowOffset = 5;
}

Rectangle.prototype.draw = function( context )
{
    context.shadowBlur = this.shadow;
    context.shadowColor = this.color;
    context.shadowOffsetX = this.shadowOffset;
    context.shadowOffsetY = this.shadowOffset;        
    context.translate(this.x, this.y);
    context.lineWidth = this.lineWidth;
    context.fillStyle = this.fillStyle;
    context.beginPath();
    context.rotate(Math.PI / 4);
    for ( var y = 10; y < 400; y+= 20)
    {

        for (var x = 10; x < 400; x += 20)
        {     
            context.fillRect(y, x, 10, 10);
                          
        }
    }
    context.closePath();
    context.fill();
    context.stroke();
}
